<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>服务受理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css"/>
    <link rel="stylesheet" href="../../../css/wx/style.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/fwsl/fwsl-info"],
            cb: function (o) {

                app.requireCss(['css/wx/icons-extra', 'css/wx/wx-iconfont'], doc);

            }
        };
    </script>

    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>

    <style>

        .title {
            color: #6d6d72;
            font-size: 0.4rem;
            margin: 5px 10px;
        }

        .serveredInfo {
            margin-bottom: 1.7rem;
            padding-top: 0;
        }
        .textarea {
            border: 1px solid #dadada;
            padding: 10px;
            font-size: 14px;
            border-radius: 4px;
            margin: 10px;
            background: #fff;
            min-height: 50px;
        }
    </style>
</head>

<body>

<div id="content" class="mui-content serveredInfo serveredProxy">
    <div class="mui-scroll-wrapper wf-slider-bottom-nonSearch">
        <div class="mui-scroll">
            <div class="title">
                服务类型:&nbsp;<span>{{item.MMRD001|MMRD001STATUS}}</span>
            </div>

            <div class="title">
                设备信息
            </div>
            <div class="mui-card">
                <!--内容区-->
                <div class="mui-card-content">
                    <div class="mui-row pulidStyle">
                        <div class="mui-col-xs-12">
                            <p>设备名称/序列号：<span>{{item.MMRA004}}/{{item.MMRA003}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>生产单位：<span v-text="item.MMRA017NAME"></span></p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p>生产日期：<span v-text="item.MMRA008"></span></p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p>保修年限：<span>{{item.MMRA012|dateFmt}}</span></p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p>购买方：<span v-text="item.GWAKL003"></span></p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p>购买日期：<span>{{item.MMRA010|dateFmt}}</span></p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p>是否在保： <span v-text="item.MMRA013==1?'是':'否'"></span></p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p>紧急程度：<span v-text="item.MMRD019==1?'紧急':(item.MMRD019==2?'一般':'')"></span></p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="title">
                故障描述
            </div>
            <div v-text="item.MMRD014" class="textarea"></div>
            <div class="title">
                拍照
            </div>
            <div class="tackPoto">
                <div class="div-autoline-boxDiv">
                    <template v-for="img,index in item.imgs">
                        <div class="div-autoline-parent" @tap="preview(index)">
                            <div class="child"><p>
                                <img :src="img.src"></p></div>
                        </div>
                    </template>
                </div>
            </div>
            <div class="title">
                联系人信息
            </div>
            <p class="kk"></p>
            <div class="mui-card">
                <div class="mui-card-content">
                    <form class="mui-input-group">
                        <div class="mui-input-row lagreLabel">
                            <label>是否需要上门：</label>
                            <select v-model="item.MMRD023">
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div v-if="item.MMRD023=='1'" class="mui-input-row lagreLabel">
                            <label>预计上门日期：</label>
                            <input v-model="item.MMRD024" type="date">
                        </div>
                        <div v-if="item.MMRD023=='1'" class="mui-input-row lagreLabel">
                            <label>预计上门时间段：</label>
                            <select v-model="item.MMRD025">
                                <option value="全天">全天</option>
                                <option value="8:00-12:00">8:00-12:00</option>
                                <option value="12:00-22:00">12:00-22:00</option>
                            </select>
                        </div>

                        <div v-if="item.MMRD023=='1'" class="mui-input-row lagreLabel">
                            <label>上门服务单位：</label>
                            <select v-model="item._SMFWDW">
                                <option v-for="wxb in item._WXB" :value="wxb.ID">
                                    {{wxb.NAME}}
                                </option>
                            </select>
                        </div>
                        <div v-if="item.MMRD023=='0'" class="mui-input-row lagreLabel">
                            <label>不上门处理说明：</label>
                            <input v-model="item.MMRD026" type="text" class="mui-input-clear" placeholder="请输入内容">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
<div id="actions" class="bottonBtn flexl">
    <button @tap.stop="closeCase" :d-untap="item.MMRD023=='1'?'true':'false'" class="opcsmall">结案</button>
    <button @tap.stop="save" class="opcsminddle">保存</button>
    <button @tap.stop="dispatching" class="opcslagre" :d-untap="item.MMRD023=='0'?'true':'false'">直接派工</button>
</div>
</body>

</html>